<template>
  <el-config-provider :locale="useCounter.myLocale === 'zh' ? zh : en" :size="useCounter.componentSize">
    <RouterView />
  </el-config-provider>
</template>
<script setup lang="ts">
import { RouterView } from "vue-router";
import { useCounterStore } from '@/stores/counter';
import { ElConfigProvider } from 'element-plus'
import zh from 'element-plus/dist/locale/zh-cn.mjs'
import en from 'element-plus/dist/locale/en.mjs'
const useCounter = useCounterStore()

</script>

<style>
html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
}
.page-container .page-filter,
.page-container .page-table{
  padding-bottom: 10px;
  font-size: 14px;
}
</style>
